﻿@model IEnumerable<sBlog.Net.Domain.Entities.UserEntity>
<script type="text/javascript">
    function loadFollow(followtype) {
        var ownerUserID = '@ViewData["ownerUserID"]';
        var noCache = new Date().toString();
        $.getJSON('/Author/loadFollowByType?followType=' + followtype + "&ownerUserID=" + ownerUserID, { noCache: noCache }, function (data) {
            $('#follow').empty();
            $('#follow').append(data);
            $('#container').masonry('reload');
        });
    }
</script>
<div id="section1" class="menu" style="background: #f0efef;">
    <div style="float: left; background-color: #f0efef; height: 30px; margin-top: -5px;">
        <img src="@Url.Content("~/Content/Images/MlogThem/mlog-quote-icon.png")" width="22" height="15" alt="blash"/>&nbsp;&nbsp;
    </div>
    <h2>
        <span onclick="return loadFollow('follower');" style="cursor: pointer;">Follower</span>&nbsp;<span
            style="font-size: 13px;">&nbsp;</span>(@ViewData["totalFollower"]) - <span onclick="return loadFollow('following');"
                style="cursor: pointer;">Following</span>&nbsp;<span style="font-size: 13px;">&nbsp;</span>(@ViewData["totalFollowing"])
    </h2>
    <div style="clear: both;">
    </div>
    <div class="follow" id="follow">
        @{
            foreach (var user in Model)
            {
                if (user != null)
                {
            <a href="/@user.UserName">
                <img src="@Url.Content("http://s1.img.yan.vn/Mlog/UploadUserAvatar/70x70_" + user.Avatar)" style="border: none 0; margin-right: 4px; margin-left: 4px; margin-top: 8px;" width="70" height="70" alt="avatar"/></a>    
                }
            }    
        }
    </div>
</div>
